<template>
	<div class="sidebar hidden-xs hidden-sm">
		<div class="cont">
			<ul>
				<li>
					<i><img src="../../assets/home/fixedBar/mobile.png"></i>
				</li>
				<li>
					<i class="fa fa-envelope"></i>
				</li>
				<li>
					<i class="fa fa-qrcode"></i>
				</li>
				<li>
					<i class="fa fa-angle-up" @click="BackTop()"></i>
				</li>
			</ul>
		</div>
	</div>
</template>
<script>
 	export default{
 		name:'sidebar',
 		data(){
 			return{

 			}
 		},
 		methods:{
 			BackTop:function(){
 				$('body,html').animate({ scrollTop: 0 }, 800);	
 			}
 		}

 	}

</script>
<style scoped>
	@media only screen and (min-width: 1000px){
		.sidebar{
			position:fixed;
			right: 0;
			top: 40%;
			z-index: 99;
		}
		.sidebar ul li{
			margin-bottom:2px;
		}
		.sidebar ul li i{
			display:inline-block;
			width:60px;
			height: 60px;
			background-color: #424242;
			color: #fff;
			text-align: center;
			line-height: 60px;
			font-size: 24px;
			cursor: pointer;
		}
		.sidebar ul li i:hover{
			background-color: #00ade6;
		}

	}


</style>
